
<!-- <link rel="stylesheet" type="text/css" href="../../../public_src/css/normalize.css">
<link rel="stylesheet" type="text/css" href="../../../public_src/css/public.css">
<link rel="stylesheet" type="text/css" href="../../../css/css_modules/service/index.css"> -->

<div class="label jsLabel">
  <div class="main">
    <form id="labelData">
      <input type="hidden" id="threadId" name="thread_id">
      <ul class="jsLabelContainer">
        <!-- <li class="s-clearfix" data-event="li">
          <label class="label-item s-left">
            包脾气
          </label>
          <div class="s-right label-info">
            <p class="labeler-s-name">我自己</p>
            <p class="labeler-time">2016-09-19 12:32</p>
          </div>
        </li>
        <li class="s-clearfix label-other" data-event="li">
          <label class="label-item s-left">
            包脾气1
          </label>
          <div class="s-right label-info">
            <p class="labeler-name">熊猫盼盼</p>
            <p class="labeler-time">2016-09-19 12:32</p>
          </div>
        </li>
        <li>
          <label class="label-item label-item-no s-left">
            包脾气
          </label>
        </li> -->
      </ul>
    </form>
  </div>
  <div class="no-more">
    <label>~ 没有更多了 ~</label>
  </div>
  <button class="use-btn" data-event="use" data-clear=".select">使用</button>
</div>

<div class="m-modal-bg s-m-modal s-hide" id="fail" data-xm-closetar="1">
  <div class="m-modal-container">
    <div class="m-modal-row">
      <div class="m-modal-body">
        <div class="m-modal-header">
          <p class="js-warn-content"></p>
        </div>
        <div class="m-modal-mainn">
          <button class="js-fail confirm" data-target="#fail">知道了</button>
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/template" id="labelTpl">
  <% var self = list.self; %>
  <% var other = list.other; %>
  <% var noUse = list.noUse; %>
  <% for(var k in self){%>
    <li class="s-clearfix select" data-id="<%=self[k].id%>" data-event="li" data-select="select">
      <label class="label-item s-left" data-event="label" style="border-color: <%=self[k].color%>;background-color: <%=self[k].color%>;" data-color="<%=self[k].color%>" data-other="0">
        <%=self[k].content%>
      </label>
      <div class="s-right label-info">
        <p class="labeler-s-name"><%=self[k].name%></p>
        <p class="labeler-time"><%=self[k].time%></p>
      </div>
      <input type="hidden" name="tag_id[]" value="<%=self[k].id%>">
    </li>
  <% } %>
  <% for(var k in other){%>
    <li class="s-clearfix label-other select" data-event="li" data-id="<%=other[k].id%>" data-event="li" data-select="select" data-other="1">
      <label class="label-item s-left" data-event="label" style="border-color: <%=other[k].color%>;background-color: <%=other[k].color%>;" data-color="<%=other[k].color%>">
        <%=other[k].content%>
      </label>
      <div class="s-right label-info">
        <p class="labeler-name"><%=other[k].name%></p>
        <p class="labeler-time"><%=other[k].time%></p>
      </div>
      <input type="hidden" name="tag_id[]" value="<%=other[k].id%>">
    </li>
  <% } %>
  <% for(var k in noUse){%>
    <li class="s-clearfix" data-event="li" data-id="<%=noUse[k].id%>" data-event="li" data-select="select" data-other="0">
      <label class="label-item label-item-no s-left" data-event="label" style="color: <%=noUse[k].color%>;border-color: <%=noUse[k].color%>;" data-color="<%=noUse[k].color%>">
        <%=noUse[k].content%>
      </label>
      <input type="hidden" name="tag_id[]" value="">
    </li>
  <% } %>
</script>